这是我第16篇简书。 整体思路： 性能优化是什么? 从用户角度来看，什么才是好的页面？一个是页面加载的很快，另一个是页面使用起来很流畅。 那么对应到前端开发的角度，性能优化可以对应分为两个方向：页面加载时间跟页面运行效率。 从浏览器打开到页 ...

平时都是搞框架搞业务写代码，没有静下心来去深层次的看一些东西，最近公司人员变动，便承担开始筛选简历面试，也开始让自己梳理了偏底层基础认知的内容。本章就来讲下React的Diff算法和传统Diff算法的不同及React的Diff算法都做了什么 ...

Unsplash Hook 是什么？Hook 是 React 16.8 的新增特性，它可以让你在不编写 class 的情况下“钩入” React 的特性，例如，useState 是允许你在 React 函数组件中添加 state 的 Ho ...

1 JS基本概念 1.1 JS简介 前端三层 - HTML —— 结构层从语义的角度描述页面的结构 - CSS —— 样式层从装饰的角度描述页面的样式 - JavaScript —— 行为层从交互的角度描述页面的行为 JS的组成：ECMAS ...

一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行，你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通，但你至少要能够运用它们 ...

“React Fiber是对核心算法的一次重新实现” ！！！ 在V16之前，React的更新过程是同步的，这可能会导致性能问题。 比如，当React决定要加载或者更新组件树时，会做很多事，比如调用各个组件的生命周期函数，计算和比对Virtu ...

网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。如果你现在是零基础学员，大致可以按如下思路学习系统学习：基础部分1、HTML + CSS 这部分学习，可以模仿一 ...

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 例子： import React, { useState } from 'react'; functi ...

本文目录： 1.前端性能优化思路 2.如何理解回流和重绘？ 3.CDN 是什么？ 4.Webpack性能优化 优化开发体验 ①缩小文件搜索范围 ②DllPlugin可以将特定的类库提前打包然后引入 ③HappyPack 优化输出质量 ①按需 ...

本文目录： 1.简述下cookie,session,localstorage,sessionstorage的区别 2.谈下cookie的弊端 3.怎么禁止JS访问cookie 4.cookie有哪些属性 5.线程和进程的区别 6.DoS攻击 ...